// 初始路由
// import error from '@/pageStatus/error.vue'
// import loading from '@/pageStatus/loading.vue'
// const asyncPageWithOptionsVue3 = defineAsyncComponent({
//     // 异步组件// success
//     loader: () => import('@/pages/layout/index.vue'),
//     delay: 200,
//     timeout: 30000,
//     errorComponent: error,
//     loadingComponent: loading
// })

// vue2动态导入
// const register = {
//     Component: () => import('@/pages/register/index.vue'),
//     delay: 200,
//     timeout: 3000,
//     errorComponent: error,
//     loadingComponent: loading
// }

// 静态导入 success
// import index from '@/pages/index.vue'

// vue3.0异步组件
const asyncPageWithOptionsVue3 = () => import('@/pages/layout/index.vue')
// const asyncPageWithOptionsVue3 = defineAsyncComponent({
//     // 异步组件// success
//     loader: () => import('@/pages/layout/index.vue'),
//     delay: 200,
//     timeout: 30000,
//     errorComponent: error,
//     loadingComponent: loading
// })

// {
//     path: '/layout',
//     name: 'layout',
//     component: asyncPageWithOptionsVue3, // vue3.0异步组件,更高级的声明方式
//     children: [
//         {
//             path: '/demo',
//             name: 'demo',
//             component: index
//         }
//     ]
// },

/**
 * 动态权限路由
 * 1、路由基础表
 * 2、拆分路由生命周期
 * 3、将路由和生命周期导入main.js
 * 4、在生命周期函数里面导入动态读取路由和权限路由对比
 */
